<template>

  <section id="bindUser"  class="bind-user">

        <h5 class="text-center logo-title">
            <i class="logo ib logo-lg"></i>
        </h5>

        <form novalidate method="post">
          <div class="form-group pr15 pl15 mb20">
            <input required v-model="phone" type="number" class="pl15 pd15  w-f-100 input-cover input-sm  input-base"  placeholder="手机号" />
          </div>
          <div class="form-group pr15 pl15 mb20">
            <div class="pos-rel">
              <input required v-model="code" type="text" class="pl15 pd15 w-f-100 input-cover input-sm  input-base"  placeholder="验证码" />
              <span @click="sendCode"  v-show="isSend" class="bind-user-send-code">发送</span>
              <span  v-show="!isSend" class="bind-user-send-code">{{timeSec}}</span>
            </div>
          </div>
        </form>

        <p class="bind-user-tips">
          为了永久保存您的运动数据<br/>
          建议您绑定手机号，体验更多Vii的服务
        </p>


    <div class="pl10 pr10 text-center">
      <button   @click="onBindUser" type="button"  :disabled="!phone || !code || isSubmit"  style="width : 250px;" class="btn-ve-md   btn-lg btn btn-block btn-primary">确 定</button>
    </div>

  </section>
</template>
<style lang="scss" scoped>
  @import "../css/bind-user";
</style>

<script type="text/javascript" src="../js/bindUser"></script>


